<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>首页_谢小姐的花园</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
    <script>
        window.onload=function(){ for(var i=0; i<document.links.length; i++) document.links[i].onfocus=function(){this.blur()}}
    </script>
</head>
<body>
    <!-- 头部开始 -->
    <nav class="navbar-default" role="navigation">
	    <div class="container"> 
	        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
		        <a class="navbar-brand">谢小姐的花园</a>
	        </div>
	        <div>
		        <form class="navbar-form navbar-right" role="search">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="关键词">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">搜索</button> 
                                </span>
                            </div>
                        </div>
                    </div>
		        </form>			
	        </div>
	    </div>
    </nav>
    <!-- 导航开始 -->
    <div class="navbar navbar-default" role="navigation">
	<div class="container">
		<div id="navbar" class="navbar-collapse collapse">
			<ul class="nav navbar-nav">
				<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span>首页</a></li>
				<li><a href="xianhua.html"><span class="glyphicon glyphicon-asterisk"></span>鲜花系列</a></li>
				<li><a href="duorou.html"><span class="glyphicon glyphicon-heart-empty"></span>多肉系列</a></li>
				<li><a href="penzai.html"><span class="glyphicon glyphicon-leaf"></span>室内盆栽</a></li>
			</ul>
			<p class="navbar-text navbar-right">您好，欢迎观临谢小姐的花园！</p>
		</div>
	</div>
    </div>
    <!-- 导航结束 -->
    <div class="container">
    <div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>   
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/banner_01.jpg" alt="First slide">
        </div>
        <div class="item">
            <img src="images/banner_02.jpeg" alt="Second slide">
        </div>
        <div class="item">
            <img src="images/banner_03.jpg" alt="Third slide">
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
    </div>
    </div>
    <!-- 头部结束 -->
    <!-- 内容开始 -->
        <!-- 鲜花系列开始 -->
    <div class="container">
        <div class="row">
            <h4 class="text-center" style="margin-top:40px;margin-bottom:30px;">鲜花系列</h4>
            <div class="col-xs-12 col-sm-6">
                <a class="kuan" href="xianhua.html">                
                    <img src="images/xianhua_01.jpeg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>热恋、真心实意<span>红玫瑰</span></h5>        
                    </div>
                </a>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="row">
                    <div class="col-xs-6 col-sm-6">
                        <div class="col-sm-12" style="padding-left:0;padding-right:0;">
                            <a class="kuan" href="xianhua.html">                
                                <img src="images/xianhua_033.jpeg" class="img-responsive" alt="响应式图像">
                                <div class="thumbnail">
                                    <h5>伟大、温馨的母爱<span style="padding-right:2px;">康乃馨</span></h5>    
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-12" style="padding-left:0;padding-right:0;">
                            <a class="kuan" href="xianhua.html">                
                                <img src="images/xianhua_055.jpeg" class="img-responsive" alt="响应式图像">
                                <div class="thumbnail">
                                    <h5>百年合好<span style="padding-right:2px;">百合花</span></h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-6">
                        <a class="kuan" href="xianhua.html">                
                            <img src="images/xianhua_09.jpeg" class="img-responsive" alt="响应式图像">
                            <div class="thumbnail">
                                <h5>神秘、兴奋<span>非洲菊</span></h5>        
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <!-- 鲜花系列结束 -->
        <!-- 多肉系列开始 -->
    <div class="container">
        <div class="row">
            <h4 class="text-center" style="margin-top:20px;margin-bottom:30px;">多肉系列</h4>
            <div class="col-xs-6 col-sm-3">
                <a class="kuan" href="duorou.html">                
                    <img src="images/duorou_01.jpeg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>景天科拟石莲花<span>法兰之舞</span></h5>        
                    </div>
                </a>
            </div>
            <div class="col-xs-6 col-sm-3">
                <a class="kuan" href="duorou.html">                
                    <img src="images/duorou_02.jpeg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>景天科拟石莲花<span>蓝姬莲</span></h5>        
                    </div>
                </a>
            </div>
            <div class="col-xs-6 col-sm-3">
                <a class="kuan" href="duorou.html">                
                    <img src="images/duorou_03.jpeg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>景天科拟石莲花<span>红糖</span></h5>        
                    </div>
                </a>
            </div>
            <div class="col-xs-6 col-sm-3">
                <a class="kuan" href="duorou.html">                
                    <img src="images/duorou_04.jpeg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>景天科银波锦属<span>熊童子</span></h5>        
                    </div>
                </a>
            </div>
        </div> 
    </div>
        <!-- 多肉系列结束 -->
        <!-- 盆栽系列开始 -->
    <div class="container">
        <div class="row">
            <h4 class="text-center" style="margin-top:20px;margin-bottom:30px;">室内盆栽</h4>
            <div class="col-xs-4">
                <a class="kuan" href="penzai.html">                
                    <img src="images/penzai_01.jpg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>仙人掌科<span>仙人掌</span></h5>        
                    </div>
                </a>
            </div>
            <div class="col-xs-4">
                <a class="kuan" href="penzai.html">                
                    <img src="images/penzai_02.jpg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>桑科榕属<span>琴叶榕</span></h5>        
                    </div>
                </a>
            </div>
            <div class="col-xs-4">
                <a class="kuan" href="penzai.html">                
                    <img src="images/penzai_03.jpg" class="img-responsive" alt="响应式图像">
                    <div class="thumbnail">
                        <h5>天南星科<span>绿萝</span></h5>        
                    </div>
                </a>
            </div>
        </div> 
    </div>
        <!-- 盆栽系列结束 -->
    <!-- 内容结束 -->
    <!-- 底部开始 -->
    <hr>
    <div class="container">
        <small class="text-center">
            <p> 
	        地址：广东省广州市海珠区黄埔村&nbsp;&nbsp;
	        电话：13710036717&nbsp;&nbsp;
	        邮箱:847726535@qq.com
	        </p>
	        <p>版权所有：Leaf工作室</p>
	    </small>
    </div>
    <!-- 底部结束 -->
    <div class="toolbar"><a href="javascript:scroll(0,0)" id="top" class="toolbar-item toolbar-item-top"></a></div>
    <script src="js/flowup.js"></script>
    <script>
        $(function(){
	        $("body").flowUp(".row", { transalteY: 350, duration: 1 });
        });
    </script>
</body>
</html>